* { padding: 0; margin: 0; outline: 0; }

body {
    font-size: 13px;
    line-height: 16px;
    font-family: Verdana, sans-serif;
    color: #222;
    background: #fff;
    text-align: left;
}

.cl { font-size: 0; line-height: 0; height: 0; clear: both; }

a { color: #262626; text-decoration: underline; }

.left { float: left; display: inline; }
.right { float: right; display: inline;} 
.notext {font-size: 0; line-height: 0; text-indent: -4000px;}

.center {display: block; margin: 0 auto;}

.shell {margin: 0 auto; width: 946px;
    height: 71px;
}

#header {background: url(images/bg-header.gif) repeat-x 0 0; height: 110px;}

h1#logo {float: left; padding-top: 5px;  width: 100px;}
h1#logo a {background: url(images/spec-logo-small.png) no-repeat 0 0; display: block; width: 100px; height: 110px;}
h2#logo-text {float: right; padding-top: 15px; color: #fff; font-family: Arial, sans-serif; font-size: 22px; line-height: 23px;}

h2 {font-family: "Myriad Pro", "Trebuchet MS", sans-serif; font-size: 23px; line-height: 23px;}
h3 {font-family: "Myriad Pro", "Trebuchet MS", sans-serif; font-size: 18px; color: #262626;}

#navigation {float: right; padding-top: 25px;}
#navigation ul {list-style-type: none;}
#navigation ul li {display: inline; float:left; padding-right: 2px;}
#navigation ul li a {background: url(images/nav.gif) no-repeat 0 0; padding-left: 37px; height: 27px; display: block; float: left; color: #fff; font-family: Arial, sans-serif; color: #fff; font-size: 15px;}
#navigation ul li a span {background: url(images/nav.gif) no-repeat right 0; padding-right: 37px; height: 21px; display: block; float: left; padding-top: 6px; line-height: 14px; font-size: 15px;}
#navigation ul li a:hover, #navigation ul li.active a {text-decoration: none; background-image: url(images/nav-hover.gif); color: #343434;}
#navigation ul li a:hover span, #navigation ul li.active a span {background-image: url(images/nav-hover.gif);}


#heading {background: #F5F6FA; padding:5px 0; height: 50px;}
.heading-cnt {float: left; width: 400px; padding-top: 10px; padding-left: 8px; }
#heading h2 {color: #262626; padding-bottom: 5px;}
#heading p {padding-bottom: 5px;}

#main {background: #fff; padding-top: 15px; padding-bottom: 20px; height: 500px;}
#main h3 {padding-bottom: 7px;}
#main a {font-weight: bold; color: #96a120; text-decoration: underline; font-size: 11px;}
#main a:hover {text-decoration: none;}

.link-margin { margin-right: 10px; margin-left: 2px;}
.first-column {width: 297px; float: left; padding-right: 24px;}
.middle-column {width: 312px; float: left; padding-right: 9px;}
.last-column {width: 270px; float: left; padding-left: 8px;}

#footer {background: #e9e9e9 url(images/footer.gif) repeat-x 0 0; height: 70px; padding-top: 15px; padding-bottom: 10px;}
#footer ul {list-style-type: none; float: left; padding-left: 20px; background: transparent;}
#footer ul li {display: inline; float: left; padding-right: 10px;}
#footer ul li a {text-decoration: underline; color: #6e6e6e; font-size: 10px;}
#footer ul li a:hover {text-decoration: none;}
#footer p.copy {float: right; font-size: 10px; color: #6e6e6e; padding-right: 10px;}